<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>商品详情</title>
  <link rel="stylesheet" href="./static/css/swiper.min.css">
  <link rel="stylesheet" href="./static/css/reset.css">
  <link rel="stylesheet" href="./static/css/quan_goods_detail.css">
  <script src="./static/js/jquery.min.js"></script>
  <script src="./static/js/swiper.min.js"></script>
  <script src="./static/js/rem.js"></script>
  <script language="javascript">
    $(document).ready(function () {
      var mySwiper = new Swiper('.swiper-container', {
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
        },
      });
    })
  </script>
</head>
<body>
  <!-- 图片 -->
  <div class="banner">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./static/img/1.jpg"></div>
        <div class="swiper-slide"><img src="./static/img/2.jpg"></div>
        <div class="swiper-slide"><img src="./static/img/3.jpg"></div>
      </div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>
  </div>
  <!-- 商品信息 -->
  <div class="goods-info">
    <div class="goods-info-content">
      <div style="font-size:.24rem;margin-bottom: .08rem">清单：</div>
      <div class="goods-info-content-top">
        <div class="col">
          <div>1.</div>
          <div>3.</div>
          <div>5.</div>
        </div>
        <div class="col">
          <div>2.</div>
          <div>4.</div>
          <div>6.</div>
        </div>
      </div>
      <div class="goods-info-content-bottom">
        <div class="goods-number">商品型号：CFJF400-01</div>
        <div class="goods-name">商品名称：积分兑换商品</div>
        <div class="goods-price">消费券类型：<span style="color:#e60012;font-size:.42rem">A</span>&nbsp;券</div>
      </div>
    </div>
    <div class="goods-btn">马上兑换</div>
  </div>
</body>
</html>